<template>
  <div>
    <template>
      <el-table
        ref="multipleTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column prop="equipMentNum" label="设备编号" width="180">
        </el-table-column>
        <el-table-column prop="principal" label="负责人" width="180">
        </el-table-column>
        <el-table-column prop="connectionStatus" label="连接状态" width="180">
        </el-table-column>
        <el-table-column prop="openStatus" label="开启状态" width="180">
        </el-table-column>
        <el-table-column prop="openingTime" label="开启时间" width="180">
        </el-table-column>
        <el-table-column prop="closingTime" label="关闭时间" width="180">
        </el-table-column>
        <el-table-column prop="remark" label="备注" width="180">
        </el-table-column>
      </el-table>
    </template>
  </div>
</template>
<script>
import { getoledScreenapi } from "@/api/iotInfo/oledScreen";
export default {
  data() {
    return {
      tableData: [],
      multipleSelection: [],
      from: {
        id: 0,
        equipMentNum: "string",
        principal: "string",
        connectionStatus: true,
        openStatus: true,
        openingTime: "2023-04-20T14:31:17.936Z",
        closingTime: "2023-04-20T14:31:17.936Z",
        remark: "string",
      },
    };
  },
  created() {
    this.getoledScreenapi();
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    getOledScreens() {
      getoledScreenapi().then((res) => {
        this.tableData = res.data.data;
      });
    },
  },
};
</script>